<template>
  <div>
    <h2>我是首页</h2>
    <p>我是首页内容</p>
    <router-link to="/home/message">消息</router-link>
    <router-link to="/home/news">新闻</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: "Home",
    data() {
      return {
        path: '/home/message'
      }
    },
    created() {
      console.log("Home组件 created");
    },
    destroyed() {
      console.log("Home组件 destroyed");
    },
    activated() {
      console.log("Home组件 activated");
      this.$router.push(this.path)
    },
    deactivated() {
      console.log("Home组件 deactivated");
    },
    beforeRouteLeave(to, from, next) {
      console.log("Home组件路由离开", this.$route.path)
      this.path = this.$route.path
      next()
    }
  }
</script>

<style scoped>

</style>
